 
	<style type="text/css">
		
		.el-tab-pane{
			background-color: #666;
			height: 90vh
		}
	</style>



	<!-- elementui / tab选项卡 start-->
	<!-- 框架的组件文档 "https://element.eleme.cn/#/zh-CN/component/tabs" -->
	<div id="app">
		<template>
		  <el-tabs v-model="activeName" @tab-click="handleClick">
		    <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
		    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
		    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
		    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
		  </el-tabs>
		</template>
	</div>
	
	<script type="text/javascript">
		//侧边栏初始化
		 var Main = {
		    data() {
		      return {
		        activeName: 'second'
		      };
		    },
		    methods: {
		      handleClick(tab, event) {
		        console.log(tab, event);
		      }
		    }
		  };
		var Ctor = Vue.extend(Main);
		new Ctor().$mount('#app');
	</script>
	<!-- elementui / tab选项卡 end-->
